    <section id="login-panel">
        <div class="row">
            <div class="container">
                <div class="login-wrap">
                    <div class="col-lg-12"><h4>sign up/login</h4></div>
                    <hr>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="click-me"> 
                            <button id="signup">not a member? sign up</button>
                            <button id="login">already a member? login</button>
                        </div> 

                          
                            <div class="login-form">
                                <?php
                                $form = $this->beginWidget('GxActiveForm', array(
                                    'id' => 'login-form',
                                    'action' => Yii::app()->createUrl('Site/userlogin'),
                                    'enableClientValidation' => true,
                                    'clientOptions' => array(
                                        'validateOnSubmit' => true,
                                        'validateOnChange' => true,
                                        'enableAjaxValidation' => true,
                                    ),
                                    'htmlOptions' => array('class' => 'form',
                                        'role' => "form")
                                ));
                                ?>
                                <div class="notice"> Fields with <span>*</span> are required   </div>
                                <div class="errorMessage mopo"><ul><li style="display:none" id="loginError_status_em_" class="subscriptionstckyText errorClassMessage"></li>
                                        <li style="display:none" id="loginError_password_em_" class="subscriptionstckyText errorClassMessage"></li>
                                        <li style="display:none" id="loginError_username_em_" class="subscriptionstckyText errorClassMessage"></li>
                                    </ul></div>
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-lg-4 col-sm-4 col-md-4 ">USERNAME/ EMAILID<span>*</span>:</label>
                                    <div class="col-sm-8 col-sm-8 col-md-8 mopo">
                                        <?php echo $form->textField($model, 'username', array('class' => 'form-control txtinput')); ?>                            
                                        <?php echo $form->error($model, 'username'); ?>
                                    </div>
                                </div>
                                <div class="gap"></div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-4 col-sm-4 col-md-4 control-label">Password<span>*</span>:</label>
                                    <div class="col-sm-8 col-sm-8 col-md-8 mopo">
                                        <?php echo $form->passwordField($model, 'password', array('class' => 'form-control txtinput')); ?>   
                                        <?php echo $form->error($model, 'password'); ?>
                                    </div>
                                </div>
                                <div class="click">

                                    <?php
                                    echo CHtml::ajaxSubmitButton('Login', Yii::app()->createUrl('/site/userlogin'), array(
                                        'dataType' => 'json',
                                        'type' => 'post',
                                        'success' => 'function(data) { 
                                            $("#loginLoder").hide();
                                        if(data.authenticated) {
                                        window.location = data.redirectUrl;
                                    }else{  $.each(data, function(key, val) { 
                                     $("#loginLoder").hide();
                                     $(".errorClassMessage").addClass("showErrorLogin");                         
                                              $("#login-form #"+key+"_em_").text(val);                                                    
                                               $("#login-form #"+key+"_em_").show();
                                                $("#loginError_"+key+"_em_").removeClass("showErrorLogin");
                                               $("#loginError_"+key+"_em_").text(val);                                                    
                                               $("#loginError_"+key+"_em_").show();
        								}); }}',
                                        'beforeSend' => 'function(){                        
                                   $("#loginLoder").show();
                                    }'
                                            ), array('class' => '', 'id' => 'loginbtn', 'name' => 'login'));
                                    ?>
                                    <div id="loginLoder" style="display: none"><img src="<?php echo ThemePath(); ?>/images/myskill.gif"></img></div> 
                                </div>
                                <div class="gap"></div>

                                <div class="forget">
                                    <a href="#" class="pull-right forgetpasswordfield">forget password</a>
                                </div>
                                <?php $this->endWidget(); ?>
                            </div>
                         

                        <div class="registration-form">
                            <?php $model = new Users();
                            $this->renderPartial('//users/_registation_form', array('model' => $model)); ?>
                        </div>
                        <div id="login-trivisa"> 
                            <div class="forgetpasswordform">
                                <?php $model = new Users();
                                $this->renderPartial('//users/_forget-password', array('model' => $model));
                                ?>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-offset-1 col-lg-5 col-md-offset-1 col-md-5 col-sm-offset-1 col-sm-5 col-xs-12">
                        <div class="social-button">
                            <a href="<?php echo Message::GOOGLE_URL; ?>"><img src="<?php echo ThemePath(); ?>/images/google.png" class="img-responsive" alt=""></a>   
                            <a href="<?php echo baseUrl(); ?>site/index/<?php echo Message::FACEBOOK_URL; ?>"><img src="<?php echo ThemePath(); ?>/images/facebook.png" class="img-responsive" alt=""></a>
                        </div>  

                    </div>
                </div>
            </div>
        </div>
    </section> 
    <style>
        #loginLoder{
            display: block;
            width: 35%;
            float: right;
            margin: 7px 2px;
        }
    </style>